<div>
    <p>Title is :{{title}}</p>
    <p>Name is :{{name}}</p>
    <p *ngFor="let friend of friendArr">
        {{friend.name}}
    </p>
    <p> Mentor in life is : {{mentor.name}}</p>
    <button (click)="onClickthis()">testClickEvent</button>
    <p>{{clickMsg}}</p>

    <br>
    <input (keyup)="onKey($event)">
    <p>{{values}}</p>

    <p>keyup loop-back component</p>
    <input #inputElem (keyup)="0">
    <p>{{inputElem.value}}</p>
    <p>Key Enter</p>
    <input #inputElem (keyup.enter)="values=inputElem.value">
    <p>{{values}}</p>

    <p>blur</p>
    <input #inputBlur (blur)="values='失去焦点了'" #inputBlur (keyup.enter)="values=inputBlur.value">
    <p>{{values}}</p>

</div>